.content {
    width : 100%;
    height: auto;

    .clearfix {
        zoom: 1
    }

    .clearfix:after {
        content   : '';
        display   : block;
        clear     : both;
        height    : 0;
        visibility: hidden;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .bannerBox {
        width          : 100%;
        height         : 760px;
        background     : url('../../assets/images/banner.png') no-repeat;
        background-size: 100% 100%;
        overflow       : hidden;

        .bannerTitle {
            text-align: center;
            color     : #fff;
            margin-top: 120px;

            p {
                margin-bottom: 0;

                &:first-child {
                    font-size  : 40px;
                    font-weight: 500;
                    line-height: 56px;
                }

                &:last-child {
                    margin-top : 10px;
                    font-size  : 20px;
                    line-height: 28px;
                }
            }
        }

        .searchInBanner {
            width : 60%;
            height: 120px;
            margin: 60px auto 0;

            .searchBox {
                display: flex;
                justify-content: space-between;
            width : 100%;
            height: 40px;
            }

            .hotKeyWordsBox {
                height     : 30px;
                font-size  : 16px;
                line-height: 30px;
                color      : #fff;
                margin     : 8px 0;
                font-size  : 14px;

                .kewWords {
                    cursor: pointer;
                }
            }

            :global{
                .ant-select{
                    width: 100%;
                }
            }
        }
    }
}